<template>
    <div>
        <div class="information_datail_mid">
            <p>{{news_detail.title}}</p> 
        </div>
        <div class="news_message">
            <Row>
                <Col span="8" class="info"><p>作者:{{news_detail.author}}</p></Col>
                <Col span="8" class="info"><p>时间：{{ news_detail.formated_create_time}}</p></Col>
                <Col span="8" class="info"><p>点击量:{{news_detail.click_num}}</p></Col>
            </Row>
        </div>
        <custom-video :video="news_detail.video"></custom-video>
        <div style="padding:1em 7%">
            <AutoIframe :content="news_detail.content"></AutoIframe>
        </div>
    </div>
</template>

<script>
import Article from "@/common/model/Article";
import AutoIframe from "@/common/components/AutoIframe";
import CustomVideo from "../main-components/CustomVideo";
export default {
    components: {
        AutoIframe, CustomVideo
    },
    data(){
        return{
            news_detail: new Article(),
        }
    },
    methods:{
    },
    created(){
        this.api.post("article/get", {id:this.$route.params.id},res=>{
            this.news_detail.parse(res.data);
        });
    }
};

</script>

<style scoped>
.information-detail-head
{
    padding-left:7%;
    width:100%;
    position: relative;
    z-index: -1;    
}
.information_datail_mid
{
    padding-top:1%;
    text-align:center;
    padding-bottom: 2%;
    font-size:35px;
    padding-left:5%;
}
.ivu-breadcrumb {
    font-size: 14px;
    padding-top: 2%;
    padding-left:15px;
}
.info
{
    text-align:center;
}
.news_message
{
    padding-left: 7%;
    border-bottom: 1px solid rgb(116, 114, 114);
}
.ivu-breadcrumb {
    color: #999;
    font-size: 14px;
}
.ivu-breadcrumb>span:last-child {
    font-weight: 700;
    color: #495060;
}
</style>